import './globals.css';

export const metadata = {
  title: 'WRPlayer Next.js Demo',
  description: 'WRPlayer SDK in a Next.js environment',
};

export default function RootLayout({ children }) {
  return (
    <html lang="zh-CN">
      <head>
      </head>
      <body>
        <main className="container mx-auto p-4">
          <div className="bg-white shadow-md rounded-lg p-6">
            <header className="mb-8 text-center">
              <h1 className="text-4xl font-bold text-gray-800">WRPlayer for Next.js</h1>
              <p className="text-lg text-gray-500 mt-2">A Unified Web Video Player</p>
            </header>
            {children}
          </div>
        </main>
      </body>
    </html>
  );
} 